.tab-headers {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  font-weight: bold;
}

.tab-headers li {
  float: left;
  margin: 0 -15px 0 0;
}

.tab-headers a {
  float: left;
  position: relative;
  padding: 0 40px;
  height: 0;
  line-height: 30px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #3D3D3D;
  opacity: .3;
  filter: alpha(opacity=30);
}

.tab-headers a:hover,
.tab-headers a:focus {
  border-bottom-color: #2ac7e1;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tab-headers a:focus {
  outline: 0;
}

.tab-headers .current {
  z-index: 3;
  border-bottom-color: #3d3d3d;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tab-contents {
	background: white;
	border-top: 2px solid #3D3D3D;
	padding: 2em;
}
